import { useState } from 'react'

/*
  Hook使用规则：
  1. 只能在函数组件内部或其他自定义的hook中使用；
  2. 只能在组件的顶层调用，不能嵌套在 if、for、while 等语句中；
*/

// 错误一：
// useState() 只能在函数组件内部或其他自定义的hook中使用
function GetDOM() {
	// 错误二：
	// if (true) {
	// 	const [count, setCount] = useState(0) // 错误，只能在组件的顶层调用
	// }

	const [count] = useState(0) // 正确，在函数组件内部调用

	return (
		<>
			<h2>标题</h2>
			<hr />
			{count}
		</>
	)
}

export default GetDOM
